<?php
if (!isset($_SESSION)) { 
  session_start(); 
} 
if ($_SESSION['log'] != 'SI') {
    $_SESSION['redirigirA'] = "../ABMCanchas/AltaCancha.php";
    header("location: ../Usuarios/login.php");
} else {
    include('../Inicio/cabeza.php');
    include("../modelo/conexion.php");
    include("../modelo/Cancha.php");
    include("../Ubicacion/Pais.php");
    include('../modelo/utils.php'); 
    include("../Ubicacion/Departamento.php");
    $con = new Conexion();
    $pais = new Pais();
    $cancha = new Cancha();
    $departamento = new Departamento();
}
?>
<!DOCTYPE html>
<html>
    <head>
        <title>Alta de Canchas</title>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <link href="../CSS/stylesheet.css" rel="stylesheet" type="text/css" />
        <script language="javascript" type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>

        <script language="javascript">
        
            function cambio(){

                /*var index= document.getElementById(comboPais).*/
                
                var index= document.getElementById('comboPais').options[document.getElementById('comboPais').selectedIndex].value; 
                var url;
                var destino;
                
                /*de acuerdo al combo que cambie carga el dato del siguiente combo
                combo "departamento" carga "Ciudad" y "Ciudad" carga "barrios" */
                url="cargarDepartamentos.php?id_pais=" + index;
                destino='comboDepartamento';                                
                cargarDatos(url, "Ubicacion", destino);//esta es una funcion que llama al ajax
                
            }
            
            function cambioLocalidad(){

                /*var index= document.getElementById(comboPais).*/
                
                var index= document.getElementById('comboDepartamento').options[document.getElementById('comboDepartamento').selectedIndex].value 
                var url;
                var destino;
                
                /*de acuerdo al combo que cambie carga el dato del siguiente combo
                combo "departamento" carga "Ciudad" y "Ciudad" carga "barrios" */
                
                
                url="cargarLocalidades.php?id_departamento=" + index;
                destino='comboLocalidad';                                
                cargarDatos(url, "Ubicacion", destino);//esta es una funcion que llama al ajax
            }
                
        
            
            
            function cargarDatos(pagina, dir, target)	
            {	var page = false;
                var target;
                var url;
                url="../" + dir + "/" + pagina;
                
                if (window.XMLHttpRequest)
                {
                    // Si es Mozilla, Safari etc
                    page = new XMLHttpRequest ();
                } else if (window.ActiveXObject)
                {
                    // pero si es IE
                    try 
                    {
                        page = new ActiveXObject ("Msxml2.XMLHTTP");
                    }
                    catch (e)
                    {
                        // en caso que sea una versión antigua
                        try
                        {
                            page = new ActiveXObject ("Microsoft.XMLHTTP");
                        }
                        catch (e)
                        {
                        }
                    }
                } 
                else
                {	return false;}
	
                page.onreadystatechange = function ()
                {
                    // funci&oacute;n de respuesta
                    if (page.readyState != 4) {
                        document.getElementById (target).innerHTML= '<div id="loader">Cargando datos...</div>';
                    }else{
                        //window.setTimeout("cargarpagina(page);",2000); //pretendemos demorar la respuesta unos segundos
                        cargarpagina(page, target);
                    } 		
                }
	
                page.open ('GET', url, true); // asignamos los m&eacute;todos open y send
                page.send (null);	
 
            }
 
            function cargarpagina(page, target)
            {
                if (page.readyState == 4 && (page.status == 200 || window.location.href.indexOf ("http") == - 1))
                    document.getElementById (target).innerHTML = page.responseText;
            }
 
        </script>


        <style type="text/css">
            <!--
            .Estilo1 {
                color: #000000;
                font-size: 16px;
            }
            .Estilo2 {font-size: 16px}
            .Estilo3 {color: #000000}
            -->
        </style>
    </head>
    <body>	
        <form name="frm_alta" id="frm_alta" action="darAltaCancha.php" method="get">
            <table width="404" border="0px" cellpadding="1" cellspacing="1">
                <tbody>
                    <tr>
                        <td><span class="Estilo1">Nombre</span></td>
                        <td><input type ="text" name="nombre" id="nombre"></td>
                    </tr>
                    <tr>
                        <td><input type ="hidden" value ="207"name="id_pais" id="id_pais"></td>
                    </tr>
                    <tr><td width="316" class="Select Estilo1">Departamento</td>
                        <td width="81">
                            <?php
                            $resultDepto = $departamento->selectComboDepartamento($con, 207); //hardcodeado con URUGUAY
                            $devuelvo = "<select name='comboDepartamento' id='comboDepartamento' onchange='cambioLocalidad()'>";
                            if ($resultDepto) {
                                while ($reg = mysql_fetch_array($resultDepto)) {
                                    $devuelvo .= "<option value =" . $reg['id_departamento'] . ">" . $reg['nom_departamento'] . "</option>";
                                }
                                $devuelvo .= "</select>";
                            }
                            echo $devuelvo;
                            ?>                        </td>
                    </tr>
                    <tr>
                        <td><span class="Estilo1">Localidad</span></td><td><div class="on Estilo2 Estilo3" id="comboLocalidad"></div></td>
                    </tr>
                    <tr>
                        <td><span class="Estilo1">Direccion</span></td>
                        <td><input type ="text" size ="27"name="calle" id="calle">
                            <span class="Estilo1">Nro</span>
                            <input type ="text" size ="4"name="nroPuerta" id="nroPuerta">
                        </td>
                    </tr>
                    <tr>
                        <td><span class="Estilo1">Tipo de Cancha</td>
                        <td>
                            <select name="tipoCancha" id="tipoCancha">
                                <option value =5>5</option>
                                <option value =7>7</option>
                                <option value =11>11</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td height="76"><span class="Estilo1">Descripcion</span></td>
                        <td><textarea name="descripcion" cols="32" id="descripcion"></textarea></td>
                    </tr>

                    <tr>
                        <td>Características</td>
                        <td>
                            <table>
                                <tbody>
                                    <tr>
                                        <?php
                                        echo $cancha->altaCaracteristicas($con);
                                        ?>
                                    </tr>
                                    <tr>
                                        <td><input type="submit" name="boton"></td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>

                <td>Turnos</td>
                </tbody>
            </table>
        </form>
    </body>
</html>
